<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{margin: 0px;padding: 0px}
        div{
            width: 100px;height: 100px;margin: 0px;
            background: red;
        }
    </style>
    <script src="打印表格(函数).js" type="text/javascript"></script>

</head>
<body>
<!--
    clientX : 代表事件发生时，鼠标离浏览器的水平坐标
    clientY : 代表事件发生时，鼠标离浏览器的垂直坐标

    screenX : 代表事件发生时，鼠标离显示器的水平坐标
    screenY : 代表事件发生时，鼠标离显示器的垂直坐标

    offsetX : 代表事件发生时，鼠标离事件源的水平坐标
    offsetY : 代表事件发生时，鼠标离事件源的垂直坐标


    //通过事件对象去查找事件源
        var dom = e.target || e.srcElement;

-->
    <div id="box"></div>
    <script type="text/javascript">
        document.getElementById("box").onclick = a;
        function a(event) {
            //事件对象
            var e = event || window.event;
            //通过事件对象去查找事件源
            var dom = e.target || e.srcElement;

            //打印坐标
            console.log(e.clientX,e.clientY);
            console.log(e.screenX,e.screenY);
            console.log(e.offsetX,e.offsetY);
        }


    </script>

</body>
</html>